<#-- 新增页面 -->
<#import layoutTemplet as layout>
<#assign contextPath=request.getContextPath()>
<#-- 调用布局指令 -->
<@layout.html>
<#escape x as x?html>

<#-- 导航区 -->
<div class="breadcrumbs ace-save-state breadcrumbs-fixed" id="breadcrumbs">
    <ul class="breadcrumb">
        <li>
            <i class="ace-icon fa fa-home home-icon"></i>
            <span class="grey">主数据</span>
        </li>
        <li class="active">
            <span class="grey">员工信息</span>
        </li>
    </ul>
    <div class="nav-search" id="nav-search">
        <button class="mfui-btn mfui-btn-primary mfui-btn-sm" id="headGoBackBtn">　返回　</button>
    </div>
</div>

<#-- 新增表单 -->
<div class="page-content">
    <div class="page-header">
        <h1>
            员工信息
            <small>
                <i class="ace-icon fa fa-angle-double-right"></i>
                新增
            </small>
        </h1>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <form id="addForm" class="form-horizontal" enctype="multipart/form-data">
                <div class="col-xs-12 padding-40">
                    <h4 class="header blue bolder smaller"><i class="blue ace-icon fa fa-picture-o"></i>员工头像</h4>
                    <div class="form-group">
                        <div class="col-sm-4"></div>
                        <div class="col-sm-4">
                            <div class="col-xs-12">
                                <input type="file" id="file" name="file"/>
                            </div>
                        </div>
                    </div>
                    <h4 class="header blue bolder smaller"><i class="blue ace-icon fa fa-pencil-square-o"></i>员工信息</h4>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="employeeAccount">
                            <span class="red">*</span> 员工账号
                        </label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control col-sm-12" id="employeeAccount" name="employeeAccount"
                                   data-rule="required, remote[post:${contextPath}/web/employeeInfo/checkRepeat, employeeAccount]"
                                   maxlength="50"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="employeePassword">
                            <span class="red">*</span> 员工密码
                        </label>
                        <div class="col-sm-6">
                            <input type="password" id="employeePassword" name="employeePassword" class="form-control"
                                   data-rule="required,password"
                                   maxlength="50"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="againPassword">
                            <span class="red">*</span> 确认密码
                        </label>
                        <div class="col-sm-6">
                            <input type="password" id="againPassword" name="againPassword" class="form-control"
                                   data-rule="required,match(employeePassword)"
                                   maxlength="50"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="employeeName">
                            <span class="red">*</span> 员工姓名
                        </label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control col-sm-12" id="employeeName" name="employeeName" data-rule="required" maxlength="50"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="genderCode">
                            <span class="red">*</span> 性别
                        </label>
                        <div class="col-sm-6">
                            <select class="form-select2" id="genderCode" name="genderCode" data-rule="required">
                                <option value="">请选择</option>
                                <#list GenderEnum as element>
                                    <option value="${element.index}">${element.name}</option>
                                </#list>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="mobileNo">
                            <span class="red">*</span> 手机号码
                        </label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control col-sm-12" id="mobileNo" name="mobileNo" data-rule="required; mobile" maxlength="50"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="cardNo">
                            <span class="red">*</span> 证件号码
                        </label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control col-sm-12" id="cardNo" name="cardNo"
                                   data-rule="required"
                                   maxlength="50"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="orgNo">
                            <span class="red">*</span> 运营机构
                        </label>
                        <div class="col-sm-6">
                            <select class="form-select2" id="orgNo" name="orgNo" data-rule="required">
                                <option value="">请选择</option>
                                <#list orgInfos as orgInfo>
                                    <option value="${orgInfo.uniqueNo}">${orgInfo.orgName}</option>
                                </#list>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12">
                    <hr class="hr hr-32"/>
                    <div class="center">
                        <button type="button" class="mfui-btn mfui-btn-normal mfui-btn-lg" id="saveBtn">
                            保存
                        </button>
                        <button type="button" class="mfui-btn mfui-btn-primary mfui-btn-lg" id="goBackBtn">
                            返回
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<script src="${contextPath}/public/js/opt/employee/employee_info_add.js"></script>
</#escape>
</@layout.html>